R
<template>
<div>
  <!-- 头 -->
  <div>
    <van-nav-bar
      title="系统消息"
      left-arrow
      @click-left="onClickLeft"
    />
  </div>
  <div class="oneF">
    <div class="oneF1">
      <div class="oneF2">
        <h3>{{dataInfo.title}}</h3>
        <div class="oneG">
          <span>{{dataInfo.time}}</span>
        </div>
        <div class="oneG1">
          <p> {{dataInfo.content}}</p>
          <!-- <p>
          您收到一份问题反馈结果您收到一份问题反馈结果您收到一份问题反馈结果您收到一份问题反馈结果?您收到一份问题反馈结果您收到一份问题反馈结果您收到一份问题反馈结果您收到一份问题反馈结果
          </p>
          <p> 您收到一份问题反馈结果您收到一份问题反馈结果您收到一份问题反馈结果您收到一份问题反馈结果?</p>
          <i><img src="../../assets/timg-1.jpg" alt=""></i>
          <p> 您收到一份问题反馈结果您收到一份问题反馈结果您收到一份问题反馈结果您收到一份问题反馈结果?</p>
          <p>
          您收到一份问题反馈结果您收到一份问题反馈结果您收到一份问题反馈结果您收到一份问题反馈结果?您收到一份问题反馈结果您收到一份问题反馈结果您收到一份问题反馈结果您收到一份问题反馈结果
          </p>
          <p>
          您收到一份问题反馈结果您收到一份问题反馈结果您收到一份问题反馈结果您收到一份问题反馈结果?您收到一份问题反馈结果您收到一份问题反馈结果您收到一份问题反馈结果您收到一份问题反馈结果
          </p> -->
        </div>
      </div>
    </div>
  </div>
</div>
</template>

<script>
import request from '../../../static/request.js'
import { Notify } from 'vant'

export default {
  name: 'Result',
  data () {
    return {
      dataInfo:[],
    }
  },
  created(){
    // 获取消息id
    let id = this.$route.params.id;
    console.log(id);
    this.getInfo(id);
  },
  methods: {
    onClickLeft() {
      // this.$router.push('member')
      this.$router.go(-1)
    },
    // 获取消息
    getInfo(id){
      request({
        url: '?controller=theapi&action=user_message',
        method: 'get',
      }).then(res => {
        // this.goodsL = res.data.data;
        console.log(res)
        for(let i = 0; i < res.data.data.length; i++){
          if(res.data.data[i].id == id){
            this.dataInfo = res.data.data[i];
          }
        }
      })
    },
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.oneF{
  position: absolute;
  width: 100%;
  min-height: 93%;
  background: #f7f7f7;
  text-align: center;
}

.oneF2 h3{
  font-size: 0.28rem;
  font-weight: bold;
  margin: 0.35rem 0;
}
.oneG{
  width:70%;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 0.3rem;
}
.oneG1{
  margin: 0 0.5rem;
  text-align: left;
  text-indent: 2em;
}
.oneG1 p{
  margin-bottom: 0.3rem;
  font-size: 0.25rem;
}
.oneG1 i{
  width: 80%;
  height: 4.7rem;
}
.oneG1 i img{
  margin-bottom: 0.3rem;
  width: 100%;
  height: 100%;
}
</style>
